<a *ngIf="!modalSettings" class="btn" (click)="generateReport()" [ngClass]="{'btn-primary-dark': isPrimary, 'btn-transparent primary-dark': !isPrimary}">
    <i class="ti-download mr-2" *ngIf="displayIcon"></i>{{ displayText }}
</a>

<!-- For custom settings -->
<div *ngIf="modalSettings" class="btn-group action-buttons">
    <button class="btn" (click)="generateReport()" [ngClass]="{'btn-primary-dark': isPrimary, 'btn-transparent primary-dark': !isPrimary}" type="button">
        <i class="ti-download mr-2" *ngIf="displayIcon"></i>{{ displayText }}
    </button>
    <button class="btn btn-sm btn-transparent primary-dark" (click)="modalSettings.show()" type="button">        
        <i class="ti-settings" style="font-size: large"></i>
    </button>
</div>